<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素转换</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        td{
            border: 1px solid gray;
            width: 100px;
            height: 30px;
        }
        .mydiv1{
            border-right:1px solid gray; ;
            border-top: 1px solid gray;
            width: 607px;
            height: 63px;
            margin: 0 auto;
        }
        .mydiv1>div{
            border-left:1px solid gray; ;
            border-bottom:1px solid gray; ;
            width: 100px;
            height: 30px;
            display: inline-block;
            line-height: 30px;
        }
        .mydiv2{
            border-right:1px solid gray; ;
            border-top: 1px solid gray;
            width: 607px;
            height: 63px;
            margin: 0 auto;
        }
        .mydiv2>div{
            border-left:1px solid gray; ;
            border-bottom:1px solid gray; ;
            width: 100px;
            height: 30px;
            line-height: 30px;
            float: left;
        }
    </style>
</head>
<body>
<p>table</p>
<table style="margin: 20px auto;border:0 none;border-collapse: collapse;">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>

</table>
<hr/>
<p>dispaly</p>
<div class="mydiv1">
    <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div>
    <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div>
</div><br/>
<hr/>
<p>float</p>
<div class="mydiv2">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>

    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
</div>
</body>
</html>